#goods-detail {
	height: 100%;
	.goods-images {
		margin: 2.5rem 0 1rem;
	}
	.info {
		padding: 0 1rem;
		.title {
			margin-bottom: .8rem;
			font-size: 1rem;
		}
		.jian-btn,
		.add-btn {
			border: 0 none;
			outline: 0 none;
			width: 1.5rem;
			height: 1.5rem;
			border-radius: 50%;
			background: deeppink;
			color: snow;
			font-size: 1rem;
		}
		.quantity {
			border: 0 none;
			outline: 0 none;
			width: 3rem;
			text-align: center;
			font-size: 1rem;
			background: transparent;
		}
		p {
			font-size: 1rem;
			margin-bottom: .5rem;
		}
		del {
			display: block;
			font-size: 1rem;
			margin-bottom: .5rem;
		}
		.sell-price {
			font-size: 1.1rem;
			color: deeppink;
		}
		.market-price {
			color: #cecece;
		}
	}
	.fly-ball {
		position: absolute;
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 50%;
		background: deeppink;
		top: 53%;
		left: 28%;
	}
	// 触发transtion组件的动画，transition样式可以触发，animation样式也可以触发
	// 但是一定要把动画样式写在transtion组件的active阶段里才能触发
	.ball-enter-active {
		animation: ball-fly 1s;
	}
	.ball-leave {
		opacity: 0;
	}
	@keyframes ball-fly {
		25% {
			transform: translate(6rem, -3rem);
		}
		50% {
			transform: translate(10rem, 0);
		}
		75% {
			transform: translate(6rem, 3rem);
		}
		100% {
			transform: translate(6rem, 17rem);
		}
	}
}
